<template>
	<u-popup :show="successShow" :round="20" mode="center" :overlayOpacity="0.8" @close="successPopupClose" @open="successPopupOpen" bgColor="transparent">
		<view class="tipsPopup">
			<view class="tipsPopup-icon">
				<!-- <image class="tipsPopup-icon-img" src="../../static/img/success-icon.png" mode=""></image> -->
				<image class="tipsPopup-icon-img" src="../../static/img/warn-icon.png" mode=""></image>
			</view>
			<!-- <view class="tipsPopup-text"><text>提现成功</text></view> -->
			<view class="tipsPopup-text">
				<text>您还没有进行实名认证，无法进行提现，请先进行实名认证</text>
			</view>
			<view class="tipsPopup-confirm" @click="toRealName"><text>实名认证</text></view>
			<image class="cancel-icon" @click="successPopupClose" src="../../static/img/cancel-icon.png" mode=""></image>
		</view>
	</u-popup>
	
</template>

<script>
	export default {
		name:"realname-popup",
		data() {
			return {

			};
		},
		props:{
			successShow:{
				type:Boolean,
				default:false
			}
		},
		methods:{
			toRealName() {
				this.$emit('closeRealName',false);
				uni.navigateTo({
					url:'/pages/realName/realName'
				})
			},
			successPopupClose() {
				this.$emit('closeRealName',false); 
				// console.log('close');
			},
			successPopupOpen() {
				this.$emit('closeRealName',true);
			}
		}
	}
</script>

<style lang="less">
	.tipsPopup{
		width: 590rpx;
		height: 610rpx;
		background: #262A34;
		border-radius: 40rpx;
		font-family: PingFangSC-Medium, PingFang SC, '微软雅黑';
		font:caption;
		position: relative;
		padding: 0 86rpx;
		box-sizing: border-box;
		.tipsPopup-icon{
			width: 168rpx;
			height: 168rpx;
			margin: 68rpx auto 24rpx;
			.tipsPopup-icon-img{
				width: 100%;
				height: 100%;
			}
		}
		.tipsPopup-title{
			font-size: 36rpx;
			font-weight: 500;
			color: #FFFFFF;
			text-align: center;
		}
		.tipsPopup-text{
			font-size: 32rpx;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 56rpx;
			text-align: center;
			margin-top: 44rpx;
		}
		.tipsPopup-confirm{
			width: 406rpx;
			height: 88rpx;
			margin: 68rpx auto 0;
			background: linear-gradient(223deg, #A339D8 0%, #6948F2 100%);
			border-radius: 45rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: #ffffff;
			line-height: 88rpx;
			text-align: center;
		}
		.cancel-icon{
			width: 40rpx;
			height: 40rpx;
			position: absolute;
			top: 40rpx;
			right: 48rpx;
		}
	}
</style>
